import { Fragment } from 'react'
import {
  Card,
  Button,
  Tabs,
  Empty
} from 'antd'

const { TabPane } = Tabs;

interface IProps {
  children?: any;
}

export default function Settings (props: IProps) {
  const handleTabsChange = (value: any) => {
    console.log(value);
  }

  return (
    <Fragment>
      <Card
        title="设置" 
        bordered={false}
        extra={<Button >取消</Button>} 
      >
        <Tabs defaultActiveKey="1" onChange={ handleTabsChange }>
          <TabPane tab="商城设置" key="1">
            <Empty />
          </TabPane>
          <TabPane tab="配送设置" key="2">
            22222222222222222222
          </TabPane>
          <TabPane tab="支付设置" key="3">
            333333333333
          </TabPane>
          <TabPane tab="客服设置" key="4">
            客服相关
          </TabPane>
          <TabPane tab="发票设置" key="5">
            发票信息
          </TabPane>
          <TabPane tab="通知设置" key="6">
            通知信息
          </TabPane>
          <TabPane tab="招标流程" key="7">
            7777777777777777777
          </TabPane>
        </Tabs>
      </Card>
    </Fragment>
  )
}
